<template>
  <view>
    <template v-if="list.length > 0">
      <view class="card-guest" v-for="(item, index) in list" :key="index">
        <m-guest :option="item"></m-guest>
      </view>
    </template>

    <view v-else style="padding: 40rpx 0;">
      <m-empty ></m-empty>
    </view>
  </view>
</template>

<script>
export default {
  props: {
    options: {
      type: Array,
      default: () => [],
    },
  },
  computed: {
    list() {
      return this.options.map((v) => ({
        ti_icon: v.tmi_icon,
        ti_title: v.tmi_name,
        ti_keyword: v.tmi_company_name + v.tmi_position,
      }));
    },
  },
};
</script>

<style lang="scss" scoped>
.card-guest {
  &:not(:first-child) {
    margin-top: 20rpx;
  }
}
</style>
